/* Empty. Add your own CSS if you like */

@-webkit-keyframes animations-left{
    0%   {left:20%}
    25%  {left:100%;}
}
@-webkit-keyframes animations-right{
    25%   {left:20%}
    0%  {left:100%;}
}
*{
	padding: 0;
	margin: 0;
}
ion-nav-view{
	background:#F7F7F7;
}
.item-complex .item-content, .item-radio .item-content{
	padding:16px;
}
.right-content{
	width:100%;
	height:100%;
}
.bar.bar-header {
	background:#f8f8f8;
}

/*平板*/
@media only screen and (min-width: 640px){
    .data-view.ng-enter {
        -webkit-animation:animations-left 0.5s;
    }
    .data-view.ng-leave {
        -webkit-animation:animations-right 0.00005s;
    }
    .middle-menu {
		position: absolute;
		z-index: 1;
		left: 0;
		width: 31.3%;
		height: 100%;
		border-right: 1px solid #CFCFD0;
    }
    .right-data{
    	position: absolute;
    	left: 31.4%;
    	width: 69%;
    	height:100%;
    }
    .img-none{
    	width: 247px;
    	height: 127px;
		margin: 35% auto;
		font-size: 18px;
		text-align: center;
	}
	.img-none img{
		width: 247px;
		height: 52px;
		margin: 0 auto;
		margin-bottom: 50px;
		display: block;
	}
	.bar.menu-title + ion-content{
		top: 48px;
	}
}
/*手机*/
@media only screen and (max-width: 641px){
	.middle-menu {
		position: absolute;
		left: 0;
		width: 100%;
		height: 100%;
		border-right: none;
    }
	.right-data{
    	display: none;
    }

}


